<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05_DOM操作2</title>
</head>
<body>
<input type="text" id="i1">
<input type="text" id="i2">
<button onclick="f1()">按钮1</button>
<hr>
<h3>震惊：<span class="s"></span></h3>
<button onclick="f2()">按钮2</button>

<script>
    function f2(){
        let spanE=document.querySelector('.s');
        spanE.innerHTML='昨日国庆最后一天！';
        spanE.innerHTML='昨日国庆<mark>最后一天</mark>！';
        spanE.innerHTML='<table border="1px"><tr><td>1</td></tr></table></table>'
    }
    function f1(){
        let input1=document.querySelector('#i1');//根据id选择器获取元素
        let input2=document.getElementById('i2');//根据id值获取元素
        // 我们可以从inpute 元素的value 属性中获取用户输入的值
        // 注意：输入框中获取的值是字符串类型的，还需要转换为number 类型的才可以计算
        let i1=parseFloat(input1.value);
        let i2=parseFloat(input2.value);
        console.log(typeof i1,typeof i2,i1+i2);
    }
</script>
</body>
</html>